<template>
	<div class="view-container dealer-container">
		<strong class="paddingLR strong">
			{{ $t('game.game_betslip.investor_information') }}
		</strong>
		<div class="paddingLR paddingB">
			<el-row class="paddingLR">
				<el-col :span="6">
					{{ $t('common.number_type') }}：
					{{ typeFilter(dataList.accountType, 'accountType') }}
				</el-col>
				<el-col :span="6">
					{{ $t('common.member_number') }}： {{ dataList.userName }}
				</el-col>
				<el-col :span="6">
					{{ $t('common.top_agent') }}：{{
						dataList.parentProxyName || '-'
					}}
				</el-col>
				<!-- <el-col :span="6">
					{{ $t('common.vip_level') }}： {{ dataList.vipLevel
					}}{{ $t('game.game_betslip.level') }}
				</el-col> -->
				<el-col :span="6">
					{{ $t('common.game_number') }}： {{ dataList.playerName }}
				</el-col>
				<el-col :span="6">
					{{ $t('common.account_status') }}：
					<span
						v-if="dataList.loginLockStatus === 1"
						class="disableRgba"
					>
						{{ $t('common.login_lock_status') }}
					</span>
					<span
						v-if="dataList.gameLockStatus === 1"
						class="lockingRgba"
					>
						{{ $t('common.game_lock_status') }}
					</span>
					<span
						v-if="dataList.paymentLockStatus === 1"
						class="deleteRgba"
					>
						{{ $t('common.account_lock_status') }}
					</span>
					<span
						v-if="
							dataList.loginLockStatus === 0 &&
								dataList.gameLockStatus === 0 &&
								dataList.paymentLockStatus === 0
						"
						class="normalRgba"
					>
						{{ $t('common.account_status_normal') }}
					</span>
				</el-col>
				<el-col :span="6">
					{{ $t('game.game_betslip.net_amount_sum') }}：
					<span :style="{color: amountColor(dataList.netAmountSum)}">
						{{ handleCurrency(lookMsgList.memberCurrency) }}
						<span v-if="lookMsgList.memberCurrency === 'VND'">
							{{
								handleNumber(
									lookMsgList.memberCurrency,
									dataList.netAmountSum
								)
							}}
						</span>
						<span v-else>
							{{
								dataList.netAmountSum !== null
									? handleNumber(
									lookMsgList.memberCurrency,
									dataList.netAmountSum
								)
									: '-'
							}}
						</span>
					</span>
				</el-col>
				<el-col :span="6">
					{{ $t('game.game_betslip.general_agent') }}：{{
						dataList.topProxyName || '-'
					}}
				</el-col>
			</el-row>
		</div>
		<el-divider></el-divider>
	</div>
</template>
<script>
import list from '@/mixins/list'

export default {
	mixins: [list],
	props: {
		dataList: {
			type: Object,
			default: () => ({})
		},
		lookMsgList: {
			type: Object,
			default: () => ({})
		}
	},
	methods: {
		amountColor (num) {
			if (parseFloat(num) > 0) return 'rgb(75, 121, 2)'
			if (parseFloat(num) < 0) return 'rgb(217, 0, 27)'

			return ''
		}
	}
}
</script>
<style lang="scss" scoped>
.paddingLR {
	padding: 0 30px;
	line-height: 30px;
}
.paddingB {
	padding-bottom: 30px;
}
.strong {
	height: 70px;
	line-height: 80px;
}
.review-content {
	line-height: 30px;
}
</style>
